/**
* 基金 分红方式设置成功弹窗组件，
* 例子使用： this.$store.dispatch('setModal',{visible:true,ofname:'基金名字',divideMethod:'分红方式',modalId:Constant.modal.FUND_DIVIDE_SETSUCC_MODAL});
*/
<template>
  <transition name="slide-fade">
    <div  class="modal" v-if="modal.visible && modal.modalId=='fundDivideSetsuccModal'" id="fundDivideSetsuccModal" tabindex="-1" @click.stop.prevent="modalHide">
      <div class="modal-dialog" @click.stop.prevent>
        <div class="modal-content fund-modal">
          <img src="~assets/images/tankuang.png" class="img-responsive">
          <img src="~assets/images/close@2x.png" data-dismiss="modal" class="img-close" @click.stop.prevent="modalHide">
          <div class="title">设置成功！</div>
          <div class="wrapper">
            <p>大王。您设置的{{modal.ofname}}下次将会以<span>{{modal.divideMethod}}</span>的方式生效</p>
            <button type="button" class="btn btn-lg" @click.stop.prevent="modalHide">好的</button>
          </div>
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
  import BaseModal from 'components/modal/BaseModal'

  export default {
    data () {
      return {}
    },
    extends:BaseModal
  }
</script>

<style scoped>
  span{
    color: #40B5EB;
  }
</style>

<style scoped>
  .slide-fade-enter-active,.slide-fade-leave-active{
    transition: all 0.3s ease;
  }
  .slide-fade-enter, .slide-fade-leave-active {
    transform: translate(0,-25%);
    opacity: 0;
  }
</style>
